<!--
  Generated template for the BusinessFoodClassifyPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar>
    <ion-title>菜品分类</ion-title>
    <ion-buttons end>
      <button ion-button class="btn-header-right" color="light-blue"  (click)="addClassify()">
        <ion-icon name="add-circle"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>


<ion-content padding>
  <div *ngIf=" classifyList.length <=0" class="empty">
    <page-empty></page-empty>
  </div>
  <div *ngIf=" classifyList.length > 0">
  <div class="container">
    <div *ngFor="let lst of classifyList" class="lst-style">
      <div class="row-style">
        <div class="content-box" >
          <div class="class-box content-food-name">
            {{lst.foodtype}}
          </div>
          <div class="title-bottom">
            <button class="content-edit" (click)="modifyClassify(lst.id,lst.foodtype,lst.belong)">修改</button>
            <button class="content-delete" (click)="doConfirm(lst.id,lst.foodtype,lst.belong)">删除</button>
          </div>
        </div>
      </div>
    </div>

  </div>
  </div>

</ion-content>
